Adwaita: Add back visible focus outlines for list rows
authorTimm Bäder <mail@baedert.org>
Sat, 28 Oct 2017 09:46:35 +0000 (11:46 +0200)
committerTimm Bäder <mail@baedert.org>
Sat, 28 Oct 2017 09:46:35 +0000 (11:46 +0200)
gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index 6d44ed80f74a6fba1cbf1f33f48a4e6d67261342..b1d3c9b8dae30663408d86468878b2736ad1f3d4 100644 (file)
@@ -18,7 +18,8 @@ checkbutton:focus(visible),
 radiobutton:focus(visible),
 switch:focus(visible),
 scale:focus(visible),
-label:focus(visible) {
+label:focus(visible),
+row:focus(visible) {
   // We use the outline properties to signal the focus properties
   // to the adwaita engine: using real CSS properties is faster,
   // and we don't use any outlines for now.
@@ -2379,11 +2380,6 @@ scrollbar {
   &.left { border-right: 1px solid $borders_color; }
   &.right { border-left: 1px solid $borders_color; }
 
-  &:focus,
-  &:focus>box:focus,
-  &:focus>box:focus>range:focus,
-  &:focus>box:focus>range:focus>trough:focus{ outline: none };
-
   &:backdrop {
     background-color: $backdrop_scrollbar_bg_color;
     border-color: $backdrop_borders_color;
index b77c052d7f0a5e2e55c5922bc2279cbe141a518e..a29acde24e24cea69ae67156fddcdaf3aeffd33a 100644 (file)
@@ -1,6 +1,6 @@
 * { padding: 0; -gtk-secondary-caret-color: #215d9c; }
 
-*:focus { outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; }
+button:focus(visible), checkbutton:focus(visible), radiobutton:focus(visible), switch:focus(visible), scale:focus(visible), label:focus(visible), row:focus(visible) { outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; }
 
 /*************** Base States * */
 .background { color: #eeeeec; background-color: #33393b; }
@@ -986,8 +986,6 @@ scrollbar.left { border-right: 1px solid #1b1f20; }
 
 scrollbar.right { border-left: 1px solid #1b1f20; }
 
-scrollbar:focus, scrollbar:focus > box:focus, scrollbar:focus > box:focus > range:focus, scrollbar:focus > box:focus > range:focus > trough:focus { outline: none; }
-
 scrollbar:backdrop { background-color: #2c3133; border-color: #202425; transition: 200ms ease-out; }
 
 scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a3a6a5; }
index ab54fdbb99ee71cced6c69f629d2cdaf2fd93734..a5f5ee1202c80be1ed4dfc1ad35bf71662bed67f 100644 (file)
@@ -1,6 +1,6 @@
 * { padding: 0; -gtk-secondary-caret-color: #4a90d9; }
 
-*:focus { outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; }
+button:focus(visible), checkbutton:focus(visible), radiobutton:focus(visible), switch:focus(visible), scale:focus(visible), label:focus(visible), row:focus(visible) { outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; }
 
 /*************** Base States * */
 .background { color: #2e3436; background-color: #e8e8e7; }
@@ -994,8 +994,6 @@ scrollbar.left { border-right: 1px solid #b6b6b3; }
 
 scrollbar.right { border-left: 1px solid #b6b6b3; }
 
-scrollbar:focus, scrollbar:focus > box:focus, scrollbar:focus > box:focus > range:focus, scrollbar:focus > box:focus > range:focus > trough:focus { outline: none; }
-
 scrollbar:backdrop { background-color: #e1e1df; border-color: #c0c0bd; transition: 200ms ease-out; }
 
 scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #787c7d; }